<template>
  <Page ref="page">
    <div>hello my page</div>
    <template #footer>
      <div class="footer-wrap">
        <el-button type="primary" @click="handleConfirm">确认</el-button>
        <el-button @click="handleClose">取消</el-button>
      </div>
    </template>
  </Page>
</template>

<script setup lang="ts">
import { Page, getPageParams } from "leisure-lib";
import { Ref, ref } from "vue";

const page: Ref = ref();
const pageParams = getPageParams();
const handleClose = () => {
  page.value.close();
};

const handleConfirm = () => {
  console.log(pageParams);
};
</script>

<style scoped lang="less"></style>
